
.imgbox{
  width: 150px;
  height: 150px;
  position: relative;
  .imgstyle{
    // width: 100%;
    // height: 100%;
    width: 150px;
    height: 150px;
  }
  &:hover{
    .toleftstyle{
      opacity: 1;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background-color: #ccc;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }
    .torightstyle{
      opacity: 1;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background-color: #ccc;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
    }
  }
  .toleftstyle{
    opacity: 0;
  }
  .torightstyle{
    opacity: 0;
  }
}
